<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Idiom dictionary</title>
        <link rel="stylesheet" href="css/style.css" >
    </head>
    <body>
    <div class="main-top"><p>顶端</p></div>
    <div class="main-header"><P>头部</P></div>
    <div class="main-left-sidebar"><p>左侧边栏</p></div>
    <div class="main-context">内容</div>
    <div class="main-right-sidebar"><p>右侧边栏</p></div>
    <div class="main-footer"><p>底部</p></div>

    </body>
</html>